lion
/
site_8g


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							import { ConfigType } from "@/api/config";
import { routing } from "@/i18n/routing";
import { server } from "@/utils/server";
import clsx from "clsx";
import { Metadata, Viewport } from "next";
import { NextIntlClientProvider } from "next-intl";
import { getMessages } from "next-intl/server";
import { Inter as FontSans } from "next/font/google";
import { notFound } from "next/navigation";
import { ReactNode } from "react";
import "../editor.scss";
import "../globals.scss";
import { Providers } from "./providers";

// 加载字体
const fontSans = FontSans({
    subsets: ["latin"],
    variable: "--font-sans",
});
export const viewport: Viewport = {};

export const metadata: Metadata = {
    title: {
        template: "%s | BCWin777",
        default: "BCWin777",
    },
    keywords: ["BCWin777"],

    description: "The home of over 30 million players",
    appleWebApp: {
        statusBarStyle: "black",
    },

    formatDetection: {
        email: false,
        address: false,
        telephone: false,
    },

    referrer: "no-referrer",
    other: {
        viewport: [
            "width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0," +
                " viewport-fit=cover ",
        ],
    },
};

interface Og {
    description: string;
    keywords: string;
    title: string;
    url: string;
    address: string;
}
interface System extends ConfigType {
    og: Og;
}
const getSystemReq = () => {
    return server.request<System>({
        url: "/v1/api/front/system/configs",
        method: "POST",
    });
};
export default async function LocaleLayout({
    children,
    params: { locale },
}: {
    children: ReactNode;
    params: { locale: string };
}) {
    if (!routing.locales.includes(locale as any)) {
        notFound();
    }
    const messages = await getMessages();

    const { data } = await getSystemReq();
    // console.log(data)
    return (
        <html lang={locale} suppressHydrationWarning>
            <head>
                {/* <!-- SEO Metadata --> */}
                {/* <meta name="description" content="{{ .Description }}" />
                <meta name="keywords" content="{{ .Keywords }}" />
                <meta name="author" content="Besoft" />
                <meta name="viewport" content="width=device-width, initial-scale=1.0" /> */}

                {/* <!-- Open Graph Metadata --> */}
                <meta property="og:title" content={data?.og?.title || ""} />
                <meta property="og:description" content={data?.og?.description || ""} />
                <meta property="og:image" content={data?.og?.url || ""} />
                <meta property="og:url" content={data?.og?.address || ""} />
                <meta property="og:type" content="website" />

                {/* <!-- Twitter Card Metadata --> */}
                <meta name="twitter:card" content={data?.og?.address || ""} />
                <meta name="twitter:title" content={data?.og?.title || ""} />
                <meta name="twitter:description" content={data?.og?.description || ""} />
                <meta name="twitter:image" content={data?.og?.url || ""} />
            </head>
            <body className={clsx("font-sans", fontSans.variable)}>
                <NextIntlClientProvider messages={messages}>
                    <Providers themeProps={{ attribute: "class" }}>{children}</Providers>
                </NextIntlClientProvider>
            </body>
        </html>
    );
}